<script setup lang="ts">
import localeStore from '@/store/locale'
import { storeToRefs } from 'pinia'
const { localeInfo} = storeToRefs(localeStore())
</script>

<template>
  <div class="supports16">
     <div class="img_txt">
      <img class="maxwidth_img" src="@/assets/img/animal/32.jpg" alt="">
      <span>{{localeInfo.supports16.title}}</span>
     </div>
      <div class="content">
        <div class="bock_item">
          <p v-for="(item,index) in localeInfo.supports16.desc"  :key="index">{{item}}</p>
        </div>
      </div>
 
  </div>
</template>

<style lang="scss" scoped>
.supports16{
  
  .img_txt{
    position: relative;
    img{
      width: 100%;
      height: 100%;
    }
    span{
      position: absolute;
      bottom: 40px;
      z-index: 5;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 25PX;
      font-weight: bolder;
       color: rgba(190,7,18,1);
    }
  }

  .content{
    padding-bottom: 20px;
    .bock_item{
      margin-top: 10px;
      background-color: rgba(242,242,242,0.5);
      padding-left: 5PX;
      p{
        font-size: 10px;
        color: #666;
        z-index: 5;
      }
    }
  }


}
</style>
